<template>
  <div>
    <table class="table table-bordered text-center table-vertical-middle table-sm">
      <colgroup>
        <col width="20%" />
        <col width="12%" />
        <col width="11%" />
        <col width="18%" />
        <col width="11%" />
        <col width="8%" />
        <col width="20%" />
      </colgroup>
      <tbody>
        <tr>
          <td colspan="9">
            <h3 class="m-0">疫情期间各项扶农惠农举措落实情况统计表</h3>
          </td>
        </tr>
        <tr>
          <td class="bg-light">填报人</td>
          <td colspan="3"></td>
          <td class="bg-light">联系方式</td>
          <td colspan="2"></td>
        </tr>
        <tr>
          <td class="bg-light">填报说明</td>
          <td colspan="8" class="text-left">
            <ul class="list-unstyled">
              <li>
                1、2020年省担公司相关政策出台后，减免担保费的项目个数，金额，及减免担保费金额等；
              </li>
              <li>
                2、疫情期间为化解存量贷款户、存量担保户风险，为其展期、续贷等提供贷款担保的项目个数和金额，不含疫情期间正常展期、续贷、续保的项目个数和金额。
              </li>
            </ul>
          </td>
        </tr>
        <tr class="bg-light">
          <td colspan="4">减免担保费情况</td>
          <td colspan="2">风险化解情况</td>
          <td rowspan="2">
            <span>协助解决饲料断供、农产品销售客户数量</span>
            <div>（个）</div>
          </td>
        </tr>
        <tr class="bg-light">
          <td>担保费减免政策</td>
          <td>涉及担保金额（万元）</td>
          <td>项目个数</td>
          <td>减免担保费（万元）</td>
          <td>涉及担保金额（万元）</td>
          <td>项目个数</td>
        </tr>
        <tr v-for="(data, index) of tableData" :key="index">
          <td>{{ data.mockIndex }}</td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    visible: Boolean,
  },
  data() {
    return {
      tableData: [],
    }
  },
  computed: {},
  watch: {},
  created() {
    this.getData()
  },
  mounted() {},
  methods: {
    getData() {
      for (let i = 0; i < 10; i++) {
        this.tableData.push({
          mockIndex: i + 1,
        })
      }
    },
  },
}
</script>

<style lang="scss" scoped></style>
